En una aplicación, aparece una barra lateral derecha con una barra de desplazamiento vertical. Como resultado, si el usuario ha movido la barra lateral a la parte más a la derecha de la pantalla, hay 2 barras laterales verticales una al lado de la otra: la de la barra lateral + la del navegador.
Tengo un problema con FireFox (101.0.1)/Win11 (21H2) cuando la opción de Windows "Mostrar siempre las barras de desplazamiento" está desactivada. Como FireFox está 'ocultando' las barras de desplazamiento, las ubicaciones donde aparecen las barras de desplazamiento se superponen. Como resultado, no es posible pasar el mouse por encima y mostrar la barra de desplazamiento de la barra lateral. Es posible replicar el problema con el fragmento de código a continuación.
Al escribir algunas líneas de javascript, puedo ocultar la barra de desplazamiento del navegador cuando el cursor proviene de la barra lateral. Sin embargo, no encontré ninguna forma de detectar si tengo que activar la solución.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div style="width:200vw; height:200vh; background-color:lightblue;"></div> <div style="position:fixed; width:50vw; height:50vh; bottom:0px; right:0px; overflow:auto;"> <div style="width:200vw; height:200vh; background-color:lightgreen;"></div> </div> </body> </html>